<template>
  <GwContent>
    <GwTitle>组件：底部</GwTitle>
    <UiSection label="基础使用">
      <GwFooter>
        <el-button type="primary">
          立即创建
        </el-button>
        <el-button>
          重置
        </el-button>
      </GwFooter>
    </UiSection>

    <UiSection label="内容对齐方式">
      <GwFooter align="left">
        left
      </GwFooter>
      <GwFooter align="center">
        center(default)
      </GwFooter>
      <GwFooter align="right">
        right
      </GwFooter>
      <GwFooter align="justify">
        justify justify<span style="display:inline-block;width:100%" />
      </GwFooter>
    </UiSection>

    <UiSection label="固定" disabled>
      <GwFooter fixed>
        <el-button type="primary">
          立即创建
        </el-button>
        <el-button>
          重置
        </el-button>
      </GwFooter>
    </UiSection>
  </GwContent>
</template>

<script>
export default {
  name: 'DemoComponentFooter'
}
</script>

<style scoped>
.gw-footer + .gw-footer {
  margin-top: 15px;
}
</style>
